// 1. 初始化图片裁剪器
let $image = $('#image')

// 2. 裁剪选项
let options = {
    aspectRatio: 400 / 280,
    preview: '.img-preview'
}

// 3. 初始化裁剪区域
$image.cropper(options)
initEditor()

$('#file').on('change', function () {

    if (this.files.length > 0) {
        let fileObj = this.files[0]
        let url = URL.createObjectURL(fileObj)
        console.log(url)
        $image.cropper('replace', url)

    }
})
$(".layui-btn-danger").on('click', function () {
    $('#file').trigger('click')
})
let form = layui.form
$.ajax({
    type: "GET",
    url: "/my/category/list",
    success: function (res) {
        console.log(res)
        if (res.status === 0) {
            let str = ''
            res.data.forEach(function (item) {
                str += `<option value="${item.id}">${item.name}</option>`

            })
            $('#att').append(str);
            form.render('select')

        }


    }
})
$('form').on('submit', function (e) {
    e.preventDefault()
    let fd = new FormData(this)
    fd.set('content', tinyMCE.activeEditor.getContent())

    let cavas = $image.cropper('getCroppedCanvas', {
        width: 400,
        height: 280
    })
    cavas.toBlob(function (blob) {
        fd.set('cover_img', blob)
        fd.forEach(function (a, b) {
            console.log(b, a)
        })
        $.ajax({
            type: "POST",
            url: '/my/article/add',
            data: fd,
            processData: false, // 不要处理数据；意思是不要把对象形式的fd转换成查询字符串形式
            contentType: false, // 不要加默认的请求头（application/x-www-form-urlencoded），让浏览器自行设置请求头
            success: function (res) {
                if (res.status === 0) {
                    layer.msg(res.message, {
                        time: 1500
                    }, function () {
                        // 添加成功，跳转到 文章列表 页面
                        location.href = './list.html'
                        $(".list", parent.document).addClass("layui-this").next().removeClass("layui-this");
                    });

                }
            }
        })
    })

})